$primaryColor: #F08519; // 主题色
$baseBorderColor: #ccc;  // 边框颜色
$layoutPixel: 2; // 放大倍数

// 图片块级化
image {
	display: block;
}
// 自定义标签
p,
i,
ul,
ol,
table,
h1,
h2,
h3,
h4,
h5,
h6,
button {
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: none;
}
// 高度100%
.h100 {
	height: 100%;
}

// 宽度100%
.w100 {
	width: 100%;
}

// 文字颜色
.fc_primary {
	color: $primaryColor
}
.fc_zhured {
	color: #FE0000;
}
.fc_grey {
	color: #909090;
}
.fc_fff {
	color: #fff;
}
.fc_000 {
	color: #000;
}
.fc_333 {
	color: #333;
}
.fc_666 {
	color: #666;
}
.fc_777 {
	color: #777;
}
.fc_999 {
	color: #999;
}
.fc_ccc {
	color: #ccc;
}
.fc_e6 {
	color: #e6e6e6;
}
.fc_f6 {
	color: #f6f6f6;
}
.fc_grey {
	color: #bebebe;
}
.fc_y {
	color: #f0a100;
}
.fc_r {
	color: #FE0000;
}
// 背景颜色
.bc_primary {
	background-color: $primaryColor;
}
.bc_fff {
	background-color: #fff;
}
.bc_000 {
	background-color: #000;
}
.bc_333 {
	background-color: #333;
}
.bc_666 {
	background-color: #666;
}
.bc_999 {
	background-color: #999;
}
.bc_ccc {
	background-color: #ccc;
}
.bc_c5 {
	background-color: #c5c5c5;
}
.bc_e6 {
	background-color: #e6e6e6;
}
.bc_ef {
	background-color: #efefef;
}
.bc_f6 {
	background-color: #f6f6f6;
}
.bc_fa {
	background-color: #fafafa;
}
.bc_y {
	background-color: #f0a100;
}
.bc_r {
	background-color: #FE0000;
}
.bc_lg {
	background: linear-gradient(90deg, #FA4704 0%, #FE8D00 100%);
}
.bc_bt {
	background: rgba(0,0,0,0.55);
}
// 边框颜色
.boc_primary {
	border-color: $primaryColor;
}
.boc_fff {
	border-color: #fff !important;
}
.boc_000 {
	border-color: #000 !important;
}
.boc_333 {
	border-color: #333 !important;
}
.boc_666 {
	border-color: #666 !important;
}
.boc_999 {
	border-color: #999 !important;
}
.boc_ccc {
	border-color: #ccc !important;
}
.boc_c5 {
	border-color: #c5c5c5 !important;
}
.boc_f6 {
	border-color: #f6f6f6 !important;
}
.boc_f6 {
	border-color: #f6f6f6 !important;
}
.boc_y {
	border-color: #f0a100 !important;
}
.boc_primary {
	border-color: $primaryColor !important;
}
.boc_bt {
	border-color: rgba(0,0,0,0.55) !important;
}
.boc_grey {
	border-color: rgba(0,0,0,0.1) !important;
}

//flex布局
.fx {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
}

.ib_fx {
	display: inline-flex;
}

.fx_col {
	display: flex;
	flex-direction: column;
}

.fx_w {
	flex-wrap: wrap;
}

.fx_nw {
	flex-wrap: nowrap;
}

.fx_sh {
	flex-shrink: 0;
}

.fcc {
	justify-content: center;
	align-items: center;
}

.jcc {
	justify-content: center;
}

.jcb {
	justify-content: space-between;
}

.jcee {
	justify-content: space-evenly;
}

.jca {
	justify-content: space-around;
}

.jcs {
	justify-content: flex-start;
}

.jce {
	justify-content: flex-end;
}

.aic {
	align-items: center;
}

.ais {
	align-items: flex-start;
}

.aie {
	align-items: flex-end;
}

.aib {
	align-items: baseline;
}

.aistr {
	align-items: stretch;
}

.aca {
	align-content: flex-start;
}

.acc {
	align-content: center;
}

.ace {
	align-content: flex-end;
}

.asc {
	align-self: center;
}

.ass {
	align-self: flex-start;
}

.ase {
	align-self: flex-end;
}

.asstr {
	align-self: stretch;
}

/* position */
.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pf {
	position: fixed;
}

//文字样式
.fc {
	text-align: center;
	vertical-align: center;
}

.fb {
	font-weight: bold;
}

.fl {
	text-align: left;
}

.fr {
	text-align: right;
}

.wnw {
	white-space: nowrap;
}

.fe {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fu {
	text-decoration: underline;
}

.flt {
	text-decoration: line-through;
}

@for $i from 2 through 10 {
	.fe_#{$i} {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $i;
		overflow: hidden;
	}
}

/* 阴影 */
.box_shadow {
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.19);
}

/* 怪异盒子模型 */
.box {
	box-sizing: border-box;
}

.dg {
	display: grid;
}

.ib {
	display: inline-block;
}
.db {
	display: block;
}

.if {
	display: inline-flex;
}

.tb {
	display: table;
}

.tbc {
	display: table-cell;
}

.br50 {
	border-radius: 50%;
}
/*
      margin padding fontSize width 通用样式表
      免去你每次重写样式的烦恼
      marked by Jacky
  */

@for $i from 0 through 100 {
	/* padding */
	
	.p_#{$i} {
		padding: (1rpx * $i * $layoutPixel);
	}

	.pt_#{$i} {
		padding-top: (1rpx * $layoutPixel * $i);
	}

	.ptb_#{$i} {
		padding-top: (1rpx * $layoutPixel * $i);
		padding-bottom: (1rpx * $layoutPixel * $i);
	}

	.plr_#{$i} {
		padding-left: (1rpx * $layoutPixel * $i);
		padding-right: (1rpx * $layoutPixel * $i);
	}
	.bpt_#{$i} {
		padding-top: (1rpx * 20 * $i);
	}

	.pr_#{$i} {
		padding-right: (1rpx * $layoutPixel * $i);
	}
	.bpr_#{$i} {
		padding-right: (1rpx * 20 * $i);
	}

	.pb_#{$i} {
		padding-bottom: (1rpx * $layoutPixel * $i);
	}
	.bpb_#{$i} {
		padding-bottom: (1rpx * 20 * $i);
	}

	.pl_#{$i} {
		padding-left: (1rpx * $layoutPixel * $i);
	}

	.bpl_#{$i} {
		padding-left: (1rpx * 20 * $i);
	}

	/* margin */
	.m_#{$i} {
		margin: (1rpx * $layoutPixel * $i);
	}

	.mt_#{$i} {
		margin-top: (1rpx * $layoutPixel * $i);
	}

	.bmt_#{$i} {
		margin-top: (1rpx * 20 * $i);
	}
	
	.mtafter_#{$i} + .mtafter_#{$i} {
		margin-top: (1rpx * $layoutPixel * $i);
	}

	.mr_#{$i} {
		margin-right: (1rpx * $layoutPixel * $i);
	}
	.bmr_#{$i} {
		margin-right: (1rpx * 20 * $i);
	}
	
	.mrafter_#{$i} + .mrafter_#{$i} {
		margin-right: (1rpx * $layoutPixel * $i);
	}

	.mb_#{$i} {
		margin-bottom: (1rpx * $layoutPixel * $i);
	}

	.bmb_#{$i} {
		margin-bottom: (1rpx * 20 * $i);
	}
	
	.mbafter_#{$i} + .mbafter_#{$i} {
		margin-bottom: (1rpx * $layoutPixel * $i);
	}

	.ml_#{$i} {
		margin-left: (1rpx * $layoutPixel * $i);
	}
	.bml_#{$i} {
		margin-left: (1rpx * 20 * $i);
	}
	
	.mlafter_#{$i} + .mlafter_#{$i} {
		margin-left: (1rpx * $layoutPixel * $i);
	}
	
	.mlr_#{$i} {
		margin-left: (1rpx * $layoutPixel * $i);
		margin-right: (1rpx * $layoutPixel * $i);
	}

	.fz_#{$i} {
		//字体大小
		font-size: (1rpx * $layoutPixel * $i);
	}

	/* line-height */
	.lh_#{$i} {
		//行高
		line-height: (1rpx * $layoutPixel * $i);
	}
	/* flex */
	.fx_#{$i} {
		flex: $i;
	}
	.fxb_#{$i} {
		flex: 0 0 (1rpx * $layoutPixel * $i);
	}
	/* 圆角 */
	.br_#{$i} {
		border-radius: 1rpx * $i * $layoutPixel;
	}

	/* border */
	.bo_#{$i} {
		border: 1rpx * $i solid $baseBorderColor;
	}
	.bob_#{$i} {
		border-bottom: 1rpx * $i solid $baseBorderColor;
	}

	.bol_#{$i} {
		border-left: 1rpx * $i solid $baseBorderColor;
	}

	.bor_#{$i} {
		border-right: 1rpx * $i solid $baseBorderColor;
	}

	.bot_#{$i} {
		border-top: 1rpx * $i solid $baseBorderColor;
	}
	/* 定位 */
	.t_#{$i} {
		top: 1rpx * $i * $layoutPixel;
	}
	.bt_#{$i} {
		top: 1rpx * $i * 20;
	}
	.r_#{$i} {
		right: 1rpx * $i * $layoutPixel;
	}
	.bbr_#{$i} {
		right: 1rpx * $i * 20;
	}
	.b_#{$i} {
		bottom: 1rpx * $i * $layoutPixel;
	}
	.bb_#{$i} {
		bottom: 1rpx * $i * 20;
	}
	.l_#{$i} {
		left: 1rpx * $i * $layoutPixel;
	}
	.bl_#{$i} {
		left: 1rpx * $i * 20;
	}
	.grid_#{$i} {
		grid-row-gap: 1rpx * $i * $layoutPixel;
		grid-column-gap: 1rpx * $i * $layoutPixel;
	}
	.gridc_#{$i} {
		grid-column-gap: 1rpx * $i * $layoutPixel;
	}
	.gridr_#{$i} {
		grid-row-gap: 1rpx * $i * $layoutPixel;
	}
}

// z-index
@for $i from 1 through 100 {
	.zi_#{$i} {
		z-index: $i;
	}
	.zbi_#{$i} {
		z-index: $i * 20;
	}
}

// 尺寸信息
@for $i from 0 through 300 {
	
	.width_#{$i} {
		width: 1rpx * $layoutPixel * $i;
	}
	
	.minw_#{$i} {
		min-width: 1rpx * $layoutPixel * $i;
	}
	.maxw_#{$i} {
		max-width: 1rpx * $layoutPixel * $i;
	}
	
	.height_#{$i} {
		height: 1rpx * $layoutPixel * $i;
	}
	
	.minh_#{$i} {
		min-height: 1rpx * $layoutPixel * $i;
	}
	
	.maxh_#{$i} {
		max-height: 1rpx * $layoutPixel * $i;
	}
	/* 大宽高 */
	.bh_#{$i} {
		height: 20rpx * $i;
	}
	.bw_#{$i} {
		width: 20rpx * $i;
	}
}

// 底部安全距离
@for $i from 0 through 100 {
	.pbsafe_#{$i} {
	  padding-bottom: calc(#{1rpx * $i} + constant(safe-area-inset-bottom));
	  padding-bottom: calc(#{1rpx * $i} + env(safe-area-inset-bottom));
	}
}

//overflow封装
.flow_h {
	overflow: hidden;
}

.flow_x {
	overflow-y: hidden;
	overflow-x: auto;
}

.flow_y {
	overflow-y: auto;
	overflow-x: hidden;
}

/* 隐藏滚动条 */
.scroll_h {
	/* h5端 */
	.uni-scroll-view {
		&::-webkit-scrollbar {
			display: none;
		}
	}

	/* 微信端 */
	::-webkit-scrollbar {
		display: none;
	}
}

/* 其他自定义 */
.mlr_auto {
	margin-left: auto;
	margin-right: auto;
}
// 自定义按钮
.custom_btn {
	height: auto;
	&::after {
		content: none;
	}
}

.custom_btn.primary {
	background-color: $primaryColor;
	color: #fff;
}

.custom_btn.default {
	background-color: #fff;
	color: #333;
	border: 1rpx solid #999999;
}

.custom_btn[disabled]:not([type]) {
	background-color: #ccc;
	color: #fff;
}

// 空样式按钮，用于使用open-type
.block_btn {
	// margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	font-size: inherit !important;
	line-height: inherit !important;
	background-color: transparent !important;
	&::after {
		content: none;
	}
}

.custom_btn:after {
	border-color: #ccc;
	border-radius: inherit;
}
// 空格强制换行
.wh_wrap {
    white-space: pre-wrap;
}
// 过渡动画
.transition {
	transition: all 0.3s ease-in-out;
}
 /* 修改uview样式 */
 // 修改关闭按钮位置大小
 .u-popup {
	 .u-popup__content__close--top-right {
		 top: 38rpx !important;
		 right: 38rpx !important;
		 .u-icon__icon {
			 font-size: 40rpx !important;
			 line-height: 40rpx !important;
		 }
	 }
 }
 
 // 自定义样式popup
 .popup_transparent_content {
 	.u-popup__content {
 		background-color: transparent !important;
 	}
	.pop_content {
		padding: 0;
	}
 }

// 上传列表图标大小修改
.u-upload__deletable__icon .u-icon__icon,
.u-upload__success .u-icon__icon {
	font-size: 24rpx !important;
	line-height: 24rpx !important;
}

// .u-upload__wrap__preview {
// 	margin: 0 !important;
// }

// 分享canvans
canvas[canvas-id="firstCanvas"] {
	position: fixed;
	z-index: -5;
	opacity: 0;
	left: -1000rpx;
}

.u-count-down .time__custom {
	width: auto !important;
	min-width: 32rpx !important;
}
 


/*public*/
.public-index-title{
	position: relative;
	&::after{
		content: '';
		position: absolute;
		top: 50%;
		left: -156rpx;
		width: 140rpx;
		height: 2rpx;
		background: rgba(0,0,0,0.1);
	}
	&::before{
		content: '';
		position: absolute;
		top: 50%;
		right: -156rpx;
		width: 140rpx;
		height: 2rpx;
		background: rgba(0,0,0,0.1);
	}
}


.public-text-one{
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.publi-goods-items{
	background: #fff;
}
.public-re{
	position: relative;
}
.public-rightgoods{
	width: 24rpx;
	height: 24rpx;
	border-radius: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.redpacket-jb-text{
	background: linear-gradient(180deg, #FDEEB6 0%, #C59858 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}